import { Button, Swiper, Toast, Popup, Space, } from 'antd-mobile'
import { Sticky } from '@nutui/nutui-react'
import { Tabs } from 'antd-mobile'
import img2 from '../public/2.png'
import img3 from '../public/3.png'
import img4 from '../public/4.png'
import img5 from '../public/5.png'
import img6 from '../public/6.png'
import img7 from '../public/7.png'
import img8 from '../public/8.png'
import img9 from '../public/9.png'
import img10 from '../public/10.png'
import img11 from '../public/11.png'
import img12 from '../public/12.png'
import img13 from '../public/13.png'
import './San.css'
function San(){
    return(
        <div className='obx'>
            <Sticky threshold={0}>
        <Button type="primary">
          <div className='obx1'>
            <h3>每日福利</h3>

          </div>
        </Button>
      </Sticky>
      <div className='obx2'>
          <div style={{width:'60vw'}}>
            <h2>我的积分</h2>
            <p>签到领积分,14天内满四次和7次享奖励卷</p>
          </div>
          <img src={img2} alt="" style={{width:'40vw'}}/>
      </div>
      <div className ='obx3'>
          <h1>VO黑铁会员 | </h1>
          <p>专享1724元劵包待领取  </p>
          <span>  立即查看</span>
      </div>
      <div className='obx4'>
          <h1>寄快递省钱卡</h1>
          <div className='obx5'>
            <h2>亲情卡</h2>
            <p>互寄7折 每单最高省16</p>
            <img src={img3} alt="" />
          </div>
          <div className='obx6'>
            <div>
              <h2>京寄月卡</h2>
              <p>9.9元购买</p>
            </div>
            <img src={img4} alt="" />
          </div>
          <div className='obx7'>
            <div>
              <h2>快递E卡</h2>
              <p>最高赠2500元</p>
            </div>
            <img src={img5} alt="" />
          </div>
      </div>
      <div className='obx8'>
          <h1>小哥秒杀</h1>
          <Tabs>
          <Tabs.Tab title='17:00' key='1' >
            <img src={img6} alt="" />
            <img src={img7} alt="" />
            <img src={img8} alt="" />
            <img src={img9} alt="" />
          </Tabs.Tab>
          <Tabs.Tab title='00:00' key='2'>
          <img src={img10} alt="" />
            <img src={img7} alt="" />
            <img src={img6} alt="" />
            <img src={img8} alt="" />
          </Tabs.Tab>
          <Tabs.Tab title='09:00' key='3'>
          <img src={img9} alt="" />
            <img src={img8} alt="" />
            <img src={img10} alt="" />
            <img src={img6} alt="" />
          </Tabs.Tab>
          <Tabs.Tab title='12:00' key='4'>
          <img src={img10} alt="" />
            <img src={img4} alt="" />
            <img src={img9} alt="" />
            <img src={img7} alt="" />
          </Tabs.Tab>
        </Tabs>
      </div>
      <div className='obx9'>
          <div className='obx10'>
            <div>
              <h2>领社群福利</h2>
              <p>88入群礼服利领不停</p>
            </div>
            <img src={img11} alt="" />
          </div>
          <div>
          <div className='obx11'>
            <div>
              <h2>满单返利</h2>
              <p>再寄1单可领取</p>
            </div>
            <img src={img4} alt="" />
          </div>
          <div className='obx12'>
            <h2>助力抢卷</h2>            <p>阶梯助力免费拿劵</p>
            <img src={img5} alt="" />
          </div>
          </div>

      </div>
      <div className='obx13'>
        <h2>小哥互动</h2>
        <div  className='obx14'>
          <div>
            <img src={img12} alt="" />
          </div>
          <div>
            <img src={img13} alt="" />
          </div>
          <div>
            <img src={img13} alt="" />
          </div>
        </div>

      </div>
      <div className='obx15'>
        <h2>超值劵包</h2>
        <div className='obx16'>
          <img src={img6} alt="" />
          <h3>2元快递劵*1张</h3>
          <p>￥2.00</p>
          <span>立  即  抢  购</span>
        </div>
        <div className='obx16'>
          <img src={img7} alt="" />
          <h3>8.5折快递劵*1张</h3>
          <p>￥25.50</p>
          <span>立  即  抢  购</span>
        </div>
        <div className='obx16'>
          <img src={img8} alt="" />
          <h3>8折快递劵*3张</h3>
          <p>￥0.90</p>
          <span>立  即  抢  购</span>
        </div>
        <div className='obx16'>
          <img src={img9} alt="" />
          <h3>8折快递劵*2张</h3>
          <p>￥17.00</p>
          <span>立  即  抢  购</span>
        </div>
      </div>
      <div className='obx17'>
        <h2>权益商城</h2>
        <div className='obx18'>
          <img src={img6} alt="" />
          <h4>8折快递劵</h4>
          <p>10积分</p>
          <span>兑换</span>
        </div>
        <div className='obx18'>
          <img src={img7} alt="" />
          <h4>8折快递劵</h4>
          <p>10积分</p>
          <span>兑换</span>
        </div>
        <div className='obx18'>
          <img src={img8} alt="" />
          <h4>8折快递劵</h4>
          <p>10积分</p>
          <span>兑换</span>
        </div>
        <div className='obx18'>
          <img src={img9} alt="" />
          <h4>8折快递劵</h4>
          <p>10积分</p>
          <span>兑换</span>
        </div>
      </div>
    </div>
    )
}
export default San;
